<template>
  <div>
    <search-bar class="search">
      <template slot="peopleSearch">
        <el-form ref="form" :model="form" label-width="80px" class="form">
          <el-row type="flex">
            <el-form-item label="商品搜索:">
              <el-col :span="24">
                <el-input v-model="form.name" class="input" />
              </el-col>
            </el-form-item>
            <el-form-item>
              <el-col class="searchButton">
                <el-button type="primary" class="CXButton" @click="search">
                  <i class="el-icon-search" />搜索</el-button>
              </el-col>
            </el-form-item>
          </el-row>
        </el-form>
      </template>
    </search-bar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {}
    }
  },
  methods: {
    search() {

    }
  }
}
</script>

<style lang="scss" scoped>
.search{
width: 100%;
.searchButton{
  margin-left:-80px;
}
}
</style>
